<script setup>
import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'
import { useUserStore } from '@/stores/user'

// 初始化应用
onLaunch(() => {
  console.log('App Launch')
  
  // 初始化主题
  initTheme()
  
  // 全局错误处理
  uni.onError((error) => {
    console.error('全局错误:', error)
    uni.showToast({
      title: '发生错误，请重试',
      icon: 'none'
    })
  })
})

// 应用显示
onShow(() => {
  console.log('App Show')
})

// 应用隐藏
onHide(() => {
  console.log('App Hide')
})

// 初始化主题
function initTheme() {
  // 设置主题色
  uni.setTabBarStyle({
    selectedColor: '#1890ff',
    color: '#7d7e80'
  })
  
  // 设置导航栏样式
  uni.setNavigationBarColor({
    frontColor: '#ffffff',
    backgroundColor: '#1890ff'
  })
}
</script>

<style lang="scss">
/* 全局样式 */
@import '@/uni_modules/uview-ui/index.scss';
@import '@/static/styles/common.scss';

/* 基础样式 */
page {
  height: 100%;
  background-color: #f5f5f5;
  font-size: 28rpx;
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, 
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* 重置样式 */
view, text, image, button, input, textarea {
  box-sizing: border-box;
}

/* 通用类 */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.container {
  padding: 20rpx;
}
</style>